html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,th,img,div,dl,dt,dd,input,select,form,fieldset{margin:auto;padding:0;}
body{background-color:#E9FAFF;color:#555;font-family:宋体;font-size:12px;margin:0 auto;}
ul li{list-style:none outside none;}
a{color:#6F78A7;text-decoration:none;}
a:hover {text-decoration:underline; top:-1px;}
.clear{clear:both;}
.mt10{margin-top:10px;}
.header_logo a,.ywtop_sethome,.ywtop_addfavorite,.frii .int,.reader_mark0 a,.reader_mark1 a,#fmimg span{background:url(all.gif) no-repeat scroll 0 0 transparent;}
.ywtop{background-color:#E1ECED;border-bottom:1px solid #A6D3E8;color:gray;height:28px;min-width:950px;width:100%;}
.ywtop_con{line-height:28px;text-indent:16px;vertical-align:middle;width:950px;margin:0 auto;}
.ywtop_sethome{background-position:0 8px;display:inline;float:left;margin-right:20px;}
.ywtop a{color:gray;}
.ywtop_addfavorite{background-position:0 -12px;display:inline;float:left;}
.nri{float:right;font-size:13px;}
.nri .cc{float:left;overflow:hidden;width:155px;}
.cc .txt{color:gray;float:left;text-align:right;}
.cc .inp{float:left;padding-top:3px;width:90px;}
.inp input{background-color:#FFF;border:1px solid #A6D3E8;float:left;height:18px;width:87px;margin:1px 0;}
.nri .frii{float:left;font-size:14px;margin-left:5px;padding-top:3px;width:55px;}
.frii .int{background-position:0 -96px;border:medium none;color:#2A4E8A;float:left;font-size:12px;height:21px;line-height:21px;text-align:center;width:51px;}
.nri .ccc{float:left;overflow:hidden;padding-left:10px;}
.ccc .txtt{color:gray;float:left;padding-left:10px;}
.txtt a,.txtt a:hover{color:gray;text-decoration:none;}
.header{height:61px;width:980px;margin:auto;}
.header_logo a{display:block;float:left;height:60px;text-indent:-9999px;width:250px; background-image:url(logo.png)}
.header_search{float:left;overflow:hidden;width:420px;margin:20px auto auto 40px; position:relative}
.header_search ._17mb_searchtype{float:left;width:50px;border:1px solid #A6D3E8;height:30px; line-height:30px;padding-left:10px;background-color:#fff; font-weight:bold;cursor:pointer;font-size:14px; background-image:url(jiantou.png); position:absolute;top:0px;left:0px;}
.header_search input.search{border:1px solid #A6D3E8;font:16px/22px arial;height:24px;margin-right:5px;width:280px;padding:3px;position:absolute;left:60px;}
.header_search button{background:none repeat scroll 0 0 #DDD;cursor:pointer;font-size:14px;height:32px;width:60px;padding:3px; float:right;}
#xx_search{ overflow:hidden;width:525px;margin:auto; }
#xx_search input.search{border:1px solid #A6D3E8;font:16px/22px arial;height:24px;margin-right:5px;width:390px;padding:3px;}
#xx_search button{background:none repeat scroll 0 0 #DDD;cursor:pointer;font-size:14px;height:32px;width:95px;}
.userpanel{border:1px dotted #88C6E5;color:#9E9E9E;float:right;margin-right:5px;margin-top:3px;text-align:center;width:220px;padding:5px 3px;}
.userpanel a{color:#9E9E9E;line-height:200%;}
.nav{background:none repeat scroll 0 0 #88C6E5;height:40px;overflow:hidden;width:980px;margin:10px auto auto;}
.nav ul li{float:left;line-height:44px;}
.nav ul li a{color:#FFF;font-size:15px;font-weight:700;padding:0 13px;}
#admin{ border:solid 2px #E1ECED; height:30px; line-height:30px; width:88%; text-align:center; margin:5px; padding:3px;}
table.grid caption, .gridtop { background-color:#E1ECED; border:solid 2px #C3DFEA;border-bottom:0px; font-size: 14px; font-weight: bold; margin: auto; padding-bottom: 5px; padding-top: 5px; text-align: center; vertical-align: middle;}
table.grid { border: 2px solid #C3DFEA; border-collapse: collapse; margin: auto; padding: 3px;}
table.grid td { background-color: #FFFFFF !important; border: 1px solid #C3DFEA; padding: 4px;}
.hottext{color:red;}
.MessageDiv {background: #FFF9D9; border: 1px solid #FFCC33; line-height: 150%; width:800px; margin: 10px auto auto; padding: 10px;text-align:center;}
#main{width:980px;margin:auto;}
#hotcontent{padding-top:10px;}
#hotcontent .l{background:none repeat scroll 0 0 #FEF9EF;border:3px solid #C3DFEA;float:left;height:auto;overflow:hidden;width:695px;padding:0 0 10px;}
#hotcontent .l .item{float:left;width:335px;height:157px;padding:14px 0 0 10px;}
#hotcontent .l .item dl dt{border-bottom:1px dotted #A6D3E8;font-size:14px;font-weight:700;height:25px;line-height:25px;overflow:hidden;}
#hotcontent .l .item dl dt span{color:#B3B3B3;float:right;font-weight:400;}
#hotcontent .l .item dl dd{height:120px;line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;}
#hotcontent .l .item dl{float:right;width:190px;padding:0 5px 0 0;}
#hotcontent .l .item .image{float:left;width:120px;}
#hotcontent .l .item .image img{background-color:#FFF;border:1px solid #DDD;padding:1px;}

#hotcontent .ll{ border:3px solid #C8D4E1; margin: 10px auto; padding:5px;  float:left; width:964px; height:320px; overflow:hidden;}
#hotcontent .ll .item{ width:315px; float:left; padding:5px 0px 0px 5px;}
#hotcontent .ll .item .image{ float:left; width:120px;}
#hotcontent .ll .item .image img{ border:solid 1px #DDDDDD; padding:1px; background-color:White;}
#hotcontent .ll .item dl{ padding:0px 5px 0px 0px; float:right; width:180px;}
#hotcontent .ll .item dl dt{ height:25px; line-height:25px; overflow:hidden; font-size:14px; border-bottom:dotted 1px #6191D0; font-weight:bold; }
#hotcontent .ll .item dl dt span{ float:right; font-weight:normal;}
#hotcontent .ll .item dl dd{ padding:7px 0px 0px 0px; line-height:20px; color:#9E9E9E; text-indent:2em; height:120px; overflow:hidden;}

#hotcontent .lll{ border:1px solid #C8D4E1; margin: 10px auto; padding:0;  float:left; width:978px; overflow:hidden;}
.item-cover{
	float: left;
	margin: 15px 14px 0 14px;
	display: inline;
	width: 134px;
	height: 198px;
	overflow: hidden;
	color: #888;
	position: relative;
}
#newscontent .l .item-cover{
	margin: 15px 10px 0 10px;
	width: 114px;
	height: 170px;
	border: none;
}
.item-cover:last-child{
	margin-bottom: 15px;
}
.item-cover a{
	text-decoration: none;
}
.item-cover a img{
	padding: 2px;
	border: 1px solid #ddd;
	width: 128px;
	height: 162px;
	display: block;
}
#newscontent .item-cover a img{
	width: 108px;
	height: 134px;
}
.item-cover a:hover img{
	border: 1px solid #f99800;
}
.item-cover h3{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
}
.authorinfo{border:1px solid #C8D4E1; margin: 10px auto; padding:0;  float:left; width:978px; overflow:hidden;}
.authorinfo p{padding: 10px;line-height: 180%;}


#hotcontent .r{border:3px solid #C3DFEA;float:right;width:265px;background:#FEF9EF;}
#hotcontent h2{background-color:#E1ECED;border-bottom:1px solid #DDD;font-size:14px;font-weight:700;height:40px;line-height:40px;overflow:hidden;margin:0;padding:0 0 0 15px;}
#flash{height:308px;overflow:hidden;}
#hotcontent .r ul {padding: 1px 10px;}
#hotcontent .r li {border-bottom: 1px solid #DDDDDD;height: 28px;line-height: 28px;overflow: hidden;padding: 5px 0 0;}
#hotcontent .r li span {display: inline-block;float: left;}
#hotcontent .r li .s1 {width: 40px;}
#hotcontent .r li .s2 {color: #B3B3B3;}
#hotcontent .r li .s3 {width: 30px;}
#hotcontent .r li .s4 {color: #B3B3B3;width: 50px;}
#hotcontent .r li .s5 {float: right; text-align: right;}
#hotcontent .r li a {color: #6F78A7;}

.novelslist{ margin: 10px auto; border:3px solid #A6D3E8; width:968px;  padding:3px; background:#FEF9EF;}
.novelslist .content{ border-right:dotted 1px #A6D3E8; padding:0px 3px; float:left; width:315px;}
.novelslist .content h2{ border-bottom:solid 1px #A6D3E8; font-size:14px; font-weight:bold; padding-left:5px; line-height:25px; height:25px; overflow:hidden; margin: 0;}
.novelslist .content .image{ padding:10px 0px 0px 5px; float:left; width:71px;}
.novelslist .content .image img{ width:67px; height:82px; border:solid 1px #DDDDDD; padding:1px; background-color:white;}
.novelslist .content dl{ padding:10px 0px 0px 0px; float:right; width:219px;}
.novelslist .content dl dt{ height:25px; line-height:25px; overflow:hidden; font-weight:bold;}
.novelslist .content dl dd{ line-height:20px; height:60px; overflow:hidden;}
.novelslist .content ul{ padding:10px 0px 0px 0px;}
.novelslist .content ul li{ color:#B3B3B3; height:20px; line-height:20px; font-size:12px; overflow:hidden; float:left; width:155px;}
.novelslist .content ul li a{ font-size:13px;}
.novelslist .border{ border:0px;}
.novelslist h2 {background-color: #F6F8FE; border-bottom: 1px solid #DDDDDD; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding: 0 0 0 10px;}
.novelslist ul{ padding:10px;}
.novelslist li{ padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; line-height:25px; overflow:hidden;}
.novelslist li span{ float:left; display:inline-block;}
.novelslist li .s1{ width:10%;}
.novelslist li .s2{ width:20%;}
.novelslist li .s3{ width:49%;}
.novelslist li .s4{ color:#B3B3B3; width:15%;text-align:right;}
.novelslist li .s5{ color:#B3B3B3; float:right; text-align:right;}
.novelslist li .s6{ width:20%; color:#B3B3B3;}
.novelslist li a{ color:#6F78A7;}


.novelslist2{ margin: 10px auto; border:3px solid #A6D3E8; width:974px;background:#FEF9EF;}
.novelslist2 h2 { margin:0px; background-color: #A6D3E8; border-bottom: 1px solid #DDDDDD; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding: 0 0 0 10px;}
.novelslist2 ul{ padding:10px;}
.novelslist2 li{ padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; line-height:25px; overflow:hidden;}
.novelslist2 li span{ float:left; display:inline-block;}
.novelslist2 li .s1{ width:10%;overflow:hidden;}
.novelslist2 li .s2{ width:15%;overflow:hidden;}
.novelslist2 li .s3{ width:25%;overflow:hidden;}
.novelslist2 li .s4{ width:10%;overflow:hidden;}
.novelslist2 li .s5{ width:23%;overflow:hidden;}
.novelslist2 li .s6{ width:10%; overflow:hidden;}
.novelslist2 li .s7{ width:7%;overflow:hidden;}
.novelslist2 li a{ color:#6F78A7;}


#newscontent{ margin: auto;}
#newscontent .l{ border:3px solid #88C6E5; float:left; width:695px;background:#E1ECED;}
#newscontent .l ul{ padding:10px;}
#newscontent .l li{ padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; line-height:25px; overflow:hidden;}
#newscontent .l li span{ float:left; display:inline-block;}
#newscontent .l li .s1{ width:75px;}
#newscontent .l li .s2{ width:165px;}
#newscontent .l li .s3{ width:300px;}
#newscontent .l li .s4{ color:#B3B3B3; width:90px;text-align:right;}
#newscontent .l li .s5{ color:#B3B3B3; float:right; text-align:right;}
#newscontent .l li a{ color:#6F78A7;}
#newscontent .r{ float:right; width:265px;border:3px solid #88C6E5; background:#E1ECED;}
#newscontent .r ul{ padding:10px;}
#newscontent .r li{ padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; line-height:25px; overflow:hidden;}
#newscontent .r li span{ float:left; display:inline-block;}
#newscontent .r li .s1{ width:40px;}
#newscontent .r li .s2{ color:#B3B3B3;}
#newscontent .r li .s3{ width:30px;}
#newscontent .r li .s4{ width:50px; color:#B3B3B3;}
#newscontent .r li .s5{ float:right; text-align:right;}
#newscontent .r li a{ color:#6F78A7;}
#newscontent h2{ margin:0px; overflow:hidden; padding:0px 0px 0px 10px; background-color:#A6D3E8; height:30px; line-height:30px; font-size:14px; font-weight:bold; border-bottom:solid 1px #DDDDDD;}
#firendlink{border:1px solid #DDD;line-height:22px;width:949px;margin:10px auto;padding:9px 0 9px 9px;}
#firendlink a{color:#548161;display:inline-block;margin:0 9px 0 0;}
.novellist{ margin: 10px auto; width:968px;  padding:3px; }
.novellist h2 {background-color: #F6F8FE; border-bottom: 1px solid #DDDDDD; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding: 0 0 0 10px;}
.novellist ul{ padding:10px;}
.novellist li{float:left; color:#B3B3B3; padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; width:20%;  line-height:25px; overflow:hidden; display:inline-block; }
.novellist li a:link { color:#6F78A7; TEXT-DECORATION: none;}
.novellist li a:visited { COLOR: red; }
.pagelink{margin:0px 10px;padding-top:7px;}
.page_b{background-color:#fff;border:1px solid #DDDDDD;margin:0px 10px;margin-bottom:10px;}
.page_b2{line-height:40px;text-align:center}
.pagelink a,.pagelink em,.pagelink strong,.pagelink input{display:block;float:left;}
.pagelink a,.pagelink strong,.pagelink em{padding:2px 7px;padding-top:3px\9; background-color:#fff;margin:2px 3px 9px 3px;border:1px solid #88C6E5;}
.pagelink strong{ background-color:#88C6E5;color:#fff;border-color:#C8D4E1}
.pagelink input{margin-top:2px;margin-top:3px\9;width:25px;}

.dahengfu{overflow:hidden; width:976px; margin:10px auto;}
.box_con{border:2px solid #88C6E5; overflow:hidden;width:976px;margin:10px auto;}
.con_top { border-bottom: #88C6E5 1px solid; text-align:left; padding: 0px 10px; line-height:40px; height:40px; background-color:#E1ECED;}
.con_top #bdshare{float:right;line-height:20px;padding-right:20px;padding-top:9px;text-align:right;}
#sidebar{float:left;width:140px;text-align:left;}
#maininfo{float:right;width:800px;}
#fmimg{background-color:#E1ECED;float:left;width:126px;margin:12px;padding:12px;position:relative;}
#fmimg img{border:medium none;height:150px;width:120px;margin:3px;}

#fmimg span{top:8px;right:8px;width:88px;height:88px;position:absolute;display:block;z-index:999;}
#fmimg .a {background-position:0 -206px;}
#fmimg .b {background-position:0 -294px;} 

#list a{color:#948b8b}
._fj{ clear:both;width:100%;height:35px; line-height:35px; text-align:center; background-color:#C3DFEA;margin:5px 0px;}
._chapter li{float:left;width:313px;border-bottom:1px dashed #ccc; height:25px;line-height:25px; overflow:hidden;margin-bottom:3px;padding-bottom:3px;padding-left:10px;}

#info{	padding:10px;margin:10px;font-size:15px;}
#info h1{font-family:黑体;font-size:28px;font-weight:700;overflow:hidden;margin:auto;padding:1px;}
#info p{height:25px;line-height:25px;padding-top:2px;width:350px;margin:auto;overflow:hidden;float:left;}
#intro{	width:96%;overflow:hidden;line-height:150%;border-top:1px dashed #88C6E5;padding:10px;font-size:13px;}
#intro p{text-indent:2em; margin-top:10px;}
#listtj{width:960px;  padding:5px; float:left;}
#list{padding:2px;}
#list dl{float:left;overflow:hidden;padding-bottom:1px;margin:auto;}
#list dt{background:none repeat scroll 0 0 #C3DFEA;display:inline;float:left;font-size:14px;line-height:28px;overflow:hidden;text-align:center;vertical-align:middle;width:98%;margin:auto auto 5px;padding:5px 10px;}
#list dd{border-bottom:1px dashed #CCC;display:inline;float:left;height:25px;line-height:200%;margin-bottom:5px;overflow:hidden;text-align:left;text-indent:10px;vertical-align:middle;width:25%;}
#list dd a:link{color:#444;}
.con_top #page_set{ float:right; text-align:right; height:20px; line-height:20px; padding-right:5px; padding-top:10px;}
.bookname{border-bottom:1px dashed #88C6E5;line-height:30px;padding-top:10px; margin-bottom:10px;}
.bookname h1{font:25px/35px 黑体;padding-top:10px;text-align:center;}
.bottem1{clear:both!important;text-align:center;width:900px;margin:5px;}
.lm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px;}
.box_con #content,.box_con #content div,.box_con #content a{font-family:方正启体简体,"Microsoft YaHei",微软雅黑,宋体;font-size:19pt; letter-spacing:0.2em;line-height:150%;padding-top:15px;width:85%;margin:auto;}
.box_con #content p div img,.box_con #content p img,.imagecontent,.divimage{text-align:center;margin:auto;}
.reader_mark0 { width:30px;height:90px;top: 50px; position: fixed; right: 5px; _margin-top:50px; _position:absolute;	_bottom:auto;	_top:expression(eval(document.documentElement.scrollTop)); }
.reader_mark1 { width:30px;height:90px;top: 50px; position: fixed; left: 5px; _margin-top:50px; _position:absolute;	_bottom:auto;	_top:expression(eval(document.documentElement.scrollTop)); }
.reader_mark0 a{ width:30px;height:90px;display:block;background-position:0px -116px;}
.reader_mark1 a{ width:30px;height:90px;display:block;background-position:-30px -116px;}
.content_read{overflow:hidden;width:980px;margin:0px auto auto;}
.bottem2{border-top:1px dashed #88C6E5;clear:both!important;text-align:center;width:900px;margin:auto 20px;padding:15px;}
.bottem a,.bottem1 a,.bottem2 a{color:#085308;font-size:14px;margin-left:10px;margin-right:10px;}
#bdshare { padding:5px 5px  5px 13%; }
#footer,.footer{overflow:hidden;text-align:center;width:980px;margin:10px auto auto;}
.footer_link{border-bottom:2px solid #88C6E5;line-height:20px;overflow:hidden;width:100%;margin:5px auto;}
.footer_cont p{color:#B2B2B2;line-height:20px;width:88%;}
#banner{border:2px solid #88C6E5;border-top:0px;width:400px; position:absolute;left:50%;margin-left:86px; background-color:#fff; line-height:30px;border-radius:0px 0px 5px 5px;}
#banner li a{display:block;float:left; text-decoration:none}
#banner ._17mb_title{ width:120px;padding:0px 5px;}
#banner ._17mb_chapter{width:220px;margin:0 10px;}
#banner ._17mb_dele{color:red}
#banner ._17mb_none{ text-align:center}

.ajaxtip {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #ff0000;
    padding: 0.2em 0.3em;
    position: absolute;
    z-index: 700;
}
.divbox, .textbox{
	border: 1px solid #dddddd;
	padding: 5px;
	margin-bottom: 10px;
}
.menubox{
	position:absolute;
	border:5px solid #e8e8e8;
	background:#ffffff;
	z-index:800;
	padding:5px;
}

/* custom */
.ultop li{list-style: decimal inside; margin:5px 3px; border-bottom: 1px dashed #d8e4ef; color: #666666;}
.ultop li a{color: #ff4000;line-height:180%;}
.ulitem li{list-style: none;line-height:150%;padding-left:5px;}
.ulitem li a{color: #1f6cb8;}
.ulrow li{padding:5px;}
.ulcenter li{text-align: center;}
.ulmul{overflow: hidden;}
.ulmul li{line-height:150%;}
.ulnav{margin-left: 10px; font-size: 14px;}
.ulnav li{list-style:none; background:url("images/dot.gif") left 50% no-repeat; text-indent: 18px; line-height: 180%;}
.ulnum li{list-style:none; margin:5px 3px;}
.ulnum li em{background:#ff9900;color:#ffffff;display:inline-block;border:1px solid #ff6600;width:16px;height:14px;line-height:14px;text-align:center;margin-right:5px;font-style:normal;}
.fix, .lm{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both; font-size:0px; height:0px; overflow:hidden;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.more{text-align:right;margin-right:5px;line-height:200%;}
a.btnlink, a.btnlink:visited{display:inline-block;vertical-align:middle;height:26px;line-height:26px;font-size:12px;padding:0px 10px;color:#ffffff;text-align:center;background: #255dad url("images/btnlink.gif") repeat-x;border:1px solid #dddddd;}
a.btnlink:hover{color:#ffff99;text-decoration:none;position:relative;top:1px;left:1px;}
a.btnlinks, a.btnlinks:visited{display:inline-block;vertical-align:middle;height:18px;line-height:18px;font-size:12px;padding:0px 5px;color:#444444;text-align:center;background: #e5e5e5 url("images/btnlinks.gif") repeat-x;border:1px solid #999999;}
a.btnlinks:hover{color:#ff6600; text-decoration: none;}
.tablist ul{height:25px; margin:0px; padding:0px;}
.tablist li{float:left; height:24px; list-style:none; margin-right:3px;}
.tablist li a{float:left; height:24px; line-height:24px; padding:0px 10px; display:block; font-weight:normal; background:#f0f0f0; text-decoration:none; color:#000000; border:1px solid #dddddd; border-bottom:none; }
.tablist li a.selected{font-weight:bold; background:#ffffff; border-top:2px solid #458fce; height:24px; position:relative; margin-bottom:-1px;}
.tabcontent{clear:both; border:1px solid #dddddd; padding:10px;}
#tips {
	border: 1px solid #dddddd;
	padding: 3px;
	display: none;
	background: #fafafa;
	position: absolute;
	z-index: 900;
}

#dialog{
	position:absolute;
	top:0px;
	left:0px;
	border: 5px solid #e3e3e3;
	background: #f2f2f2;
	font-size: 12px;
	line-height:150%;
	padding: 30px 10px 10px 10px;
	visibility: hidden;
}

article{
    font-family: 方正启体简体,"Microsoft YaHei",微软雅黑,宋体;
    font-size: 19pt;
    letter-spacing: 0.2em;
    width: 85%;
    margin: auto;
    text-align: justify;
    line-height: 1.5;
}
article p{
    text-indent: 2rem;
    margin: 1.5rem 0;

}
.reader-hr{
    border-bottom: 1px dashed #88C6E5;
    margin: 5px 0 10px;
}

/*登录*/
.login{ margin:10px 10px; }
.login table{ width:650px; }
.login table img{vertical-align:middle;}
.login table .td1{ width:80px; padding:15px 10px; text-align:right; }
.login table .border-bottom td{ border-bottom:1px dashed #d5d5d5; }
.login_name{ border:none; height:25px; width:90%; padding:5px 5px; -webkit-appearance:none; color:#444; }
.login_btn{ display:block; text-align:center; color:#fff; font-weight:bold; border-radius:3px; padding:8px 0; width:49%; }
.login_tips{ color:red; clear:both; display:block; margin-top:15px; }
.c_login_button{background-color:#65bbec;width:25%;}
.fl-l{ float:left; }
.fl-r{ float:right; }

/* read */
ul.tools{float:right;margin-top:4px;height:30px;line-height:20px;}
ul.tools li{float:left;margin-right:10px;padding:0 5px;background-color:#fff;border:1px solid #d8d8d8;border-radius:3px;}
ul.tools p{float:left;margin:5px;}
ul.tools a{float:left;display:block;margin:6px;width:18px;height:18px;line-height:18px;border-radius:2px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:hidden;}
ul.tools a:hover{text-decoration:none;top:0}
ul.tools li.theme a{position:relative;box-shadow:0 0 2px 1px rgba(0,0,0,0.2);}
ul.tools li.theme a.on{box-shadow:0 0 4px 1px rgba(0,0,0,0.4);}
ul.tools li.theme a.on:after{display:block;content:' ';position:absolute;top:3px;left:2px;width:12px;height:6px;border-left:2px solid #fe4e30;border-bottom:2px solid #fe4e30;transform:-webkit-rotate(-45deg);transform:rotate(-45deg);}
ul.tools li.size a.disabled{background-color:#eee;cursor:not-allowed;}
ul.tools li.size a{background-color:#e3e3e3;text-align:center;font-size:15px;line-height:15px;color:#333;}
ul.tools li.size a:hover{background-color:#eee;color:#555;}
ul.tools li.reset{padding:5px 15px;background-color:#0d8f72;border-color:#0d8f72;color:#fff;}
ul.tools li.reset:hover{background-color:#4aa994;cursor:pointer;}
.night{background-color:#222;}
.night .top,.night .nav,.night .toolbar{background-color:#444 !important;}
.night .top a,.night .nav a,.night .links a{color:#ddd !important;}
.night #center{background-color:#111;}
.night #content{color:#999;}
.pink{background-color:#fff5f8;}
.pink #center{background-color:#f5e4e4;}
.pink #content{color:#7f333d;}
.yellow{background-color:#f2e8c8;}
.yellow #center{background-color:#ddcda1;}
.blue{background-color:#dfecf0;}
.blue #center{background-color:#cedce0;}
.green{background-color:#e3efe3;}
.green #center{background-color:#d0e2d0;}
.gray{background-color:#e0e0e0;}
.gray #center{background-color:#cfcfcf;}
.flex{
	display:flex;
}
.container{
    max-width: 980px;
    margin: 0 auto;
}
.link{
    border: 1px solid #DDD;
    line-height: 22px;
    width: 980px;
    margin: 10px auto;
    padding: 9px 0 9px 9px;
    font-size: 13px;
    margin-bottom: 30px;
}
.index-container{
    display: flex;
    width: 976px;
    justify-content: space-between;
    padding: 10px;
}
#indexselect{
    width: 49%;
    margin: 0 1rem;
    text-indent: 5px;
    border: none;
    border-bottom: 1px solid #108ee9;
    background: #fff;
    outline: none;
}
.index-container-btn{
    background: #68aac2;
    border-radius: 3px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
    color: #fff;
    width: 25%;
}